<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百顺通云-登录模式</title>
<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/advantage/dlms.css">
    <link type="text/css" rel="stylesheet" href="/css/dialog.css" />
	<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src = "/js/dialog.min.js"></script>
	<script type="text/javascript" src = "/js/bstdialog.min.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
</head>

<body>
<!--页面内容开始-->
<div class="Wrapper">
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
  	<!---------------------------------内容部分------------------------------------>
  	<div class="content">
  		<!---------------------------------左侧------------------------------------>
   	  	<div class="main-l fl">
        	<!--左侧列表-->
			<div class="list">
            	<ul>
                    <li><a href="/product">产品优势</a>
                   	  	<ul>
                        	<c:forEach items="${pfs}" var="pf" varStatus="status">
                   	  			<c:choose>
                   	  				<c:when test="${status.last}">
                   	  					<li class="last"><a href="${pf.productFeatureUrl}">${pf.productFeatureName}</a></li>
                   	  				</c:when>
                   	  				<c:otherwise>
                   	  					<li><a href="${pf.productFeatureUrl}">${pf.productFeatureName}</a></li>
                   	  				</c:otherwise>
                   	  			</c:choose>
                   	  		</c:forEach>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--左侧列表结束-->
            
            <jsp:include page="../common/left.jsp"/>
      	</div>
    	<!---------------------------------左侧结束------------------------------------>
    	<!---------------------------------右侧------------------------------------>
    	<div class="main-r fr">
        	<!---------------------------------轮播------------------------------------>
            <jsp:include page="../common/img_turn.jsp"/>
            <!---------------------------------轮播结束------------------------------------>
            <!--登录模式tab切换开始-->
                	<div class="intro_pro mt20">
                	  <div class="tab_wrapper2">
                	    <div class="title_bar2">
                	      <ul class="tabs" id="myTab2">
                	        <li class="active" onclick="nTabs(this,0);"><a href="#tab1">B/S模式</a></li>
                	        <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">C/S模式</a></li>
                	        <li class="sta" onclick="nTabs(this,2);"><a href="#tab3">APP模式</a></li>
              	        </ul>
              	      </div>
                	    <div class="tab_container2">
                	      <div id="myTab2_Content0" class="tab_content" style="display:block;">
                          	<p style="text-align:center;">
								<img src="/images/user/advantage/bsms1.jpg" alt="" /> 
							</p>
							<p style="text-align:center;">
								<strong>百顺通MC云办公B/S登录界面&nbsp;</strong> 
							</p>
							<span style="font-family:'Microsoft YaHei';font-size:12px;line-height:1.5;"> 
							<p style="text-align:center;">
								<span style="line-height:1.5;"><strong>&nbsp;<img src="/images/user/advantage/bsms2.jpg" alt="" width="700px;"/></strong></span> 
							</p>
							<p style="text-align:center;">
								<span style="line-height:1.5;"><strong>百顺通MC云办公B/S操作界面</strong></span> 
							</p>
							</span><span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp; B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser），服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server 同数据库进行数据交互。</span><br />
							<div style="text-align:center;">
								<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp;</span><img src="/images/user/advantage/bsms3.jpg" alt="" /><span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;"></span> 
							</div>
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp; B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护，系统的扩展非常容易。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp; B/S结构的使用越来越多，特别是由需求推动了AJAX技术的发展，它的程序也能在客户端电脑上进行部分处理，从而大大的减轻了服务器的负担；并增加了交互性，能进行局部实时刷新。具体特点如下：</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">1、维护和升级方式简单。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;&nbsp;当前，软件系统的改进和升级越发频繁，B/S架构的产品明显体现着更为方便的特性。对一个稍微大一点单位来说，系统管理人员如果需要在几百甚至上千部电脑之间来回奔跑，效率和工作量是可想而知的，但B/S架构的软件只需要管理服务器就行了，所有的客户端只是浏览器，根本不需要做任何的维护。无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量，所有的操作只需要针对服务器进行；如果是异地，只需要把服务器连接专网即可，实现远程维护、升级和共享。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">2、成本降低，选择更多。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;大家都知道windows在桌面电脑上几乎一统天下，浏览器成为了标准配置，但在服务器操作系统上windows并不是处于绝对的统治地位。当前的趋势是凡使用B/S架构的应用管理软件，只需安装在Linux服务器上即可，而且安全性高。所以服务器操作系统的选择是很多的，不管选用哪种操作系统都可以让大部分人使用windows作为桌面电脑操作系统不受影响，这就使得最流行免费的Linux操作系统快速发展起来，Linux除了操作系统是免费的以外，连数据库也是免费的，这种选择非常盛行。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">3、应用服务器运行数据负荷较重。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;由于B/S架构管理软件只安装在服务器端（Server）上，网络管理人员只需要管理服务器就行了，用户界面主要事务逻辑在服务器（Server）端完全通过WWW浏览器实现，极少部分事务逻辑在前端（Browser）实现，所有的客户端只有浏览器，网络管理人员只需要做硬件维护。但是，应用服务器运行数据负荷较重，一旦发生服务器“崩溃”等问题，后果不堪设想。因此，许多单位都备有数据库存储服务器，以防万一。</span>
						</div>
                	      <div id="myTab2_Content1" class="tab_content" style="display:none;"> 
                          	<div style="text-align:center;float:left">
	                          	<img alt="" src="/images/user/advantage/csms1.jpg"><br/>
	                          	<h3>百顺通即时通讯C/S登录界面</h3>
                          	</div>
                          	<div style="text-align:center;">
                          		<img style="margin-top:5px;" alt="" src="/images/user/advantage/csms2.jpg"><br/>
                          		<h3 style="margin-top:9px;">百顺通MC即时通讯操作界面</h3>
                          	</div><br>
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;C/S （Client/Server，客户机/服务器）模式又称C/S结构，是软件系统体系结构的一种。C/S模式简单地讲就是基于企业内部网络的应用系统。客户端负责执行前台功能，实现各自的用户界面和业务逻辑处理；而服务器端运行数据库管理系统（DBMS）。这种应用系统基本运行关系体现为“请求／响应”模式，客户通过结构化查询语言（SQL）提出数据访问请求，服务器接受请求并响应，并把执行结果返回给客户，在这里事务规则功能可以由客户应用程序来完成，也可以由数据库服务器通过存储过程、触发器约束、规则等方式实现。在这种结构中，数据库系统一般采用大型数据库系统，如SQL Server、Sybase、0racle等。</span><br />
							<div style="text-align:center;">
								<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp;</span><span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;"><img src="/images/user/advantage/csms3.jpg" alt="" /></span>
							</div>
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;目前大多数应用软件系统都是Client/Server形式的两层结构，由于现在的软件应用系统正在向分布式的Web应用发展，Web和Client/Server 应用都可以进行同样的业务处理，应用不同的模块共享逻辑组件；因此，内部的和外部的用户都可以访问新的和现有的应用系统，通过现有应用系统中的逻辑可以扩展出新的应用系统。这也就是目前应用系统的发展方向。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;Client和Server常常分别处在相距很远的两台计算机上，Client程序的任务是将用户的要求提交给Server程序，再将Server程序返回的结果以特定的形式显示给用户；Server程序的任务是接收客户程序提出的服务请求，进行相应的处理，再将结果返回给客户程序。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; C/S结构的优点是能充分发挥客户端PC的处理能力，很多工作可以在客户端处理后再提交给服务器。对应的优点就是客户端响应速度快。具体表现在以下两点：</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">1、应用服务器运行数据负荷较轻。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; &nbsp;最简单的C/S体系结构的数据库应用由两部分组成，即客户应用程序和数据库服务器程序。二者可分别称为前台程序与后台程序。运行数据库服务器程序的机器，也称为应用服务器。一旦服务器程序被启动，就随时等待响应客户程序发来的请求；客户应用程序运行在用户自己的电脑上，对应于数据库服务器，可称为客户电脑，当需要对数据库中的数据进行任何操作时，客户程序就自动地寻找服务器程序，并向其发出请求，服务器程序根据预定的规则作出应答，送回结果，应用服务器运行数据负荷较轻。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">2、数据的储存管理功能较为透明。</span><br />
							<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp; &nbsp; 在数据库应用中，数据的储存管理功能，是由服务器程序和客户应用程序分别独立进行的，并且通常把那些不同的（不管是已知还是未知的）前台应用所不能违反的规则，在服务器程序中集中实现，例如访问者的权限，编号可以重复、必须有客户才能建立定单这样的规则。所有这些，对于工作在前台程序上的最终用户，是“透明”的，他们无须过问（通常也无法干涉）背后的过程，就可以完成自己的一切工作。在客户服务器架构的应用中，前台程序不是非常“瘦小”，麻烦的事情都交给了服务器和网络。在C/S体系下，数据库不能真正成为公共、专业化的仓库，它受到独立的专门管理。</span>
                	      </div>
                	      <div id="myTab2_Content2" class="tab_content" style="display:none;">
                          	<!-- <div style="text-align:center;float:left">
	                          	<img alt="" src="/images/user/advantage/appms1.jpg"><br/>
	                          	<h3>百顺通MC云办公APP登录界面</h3>
                          	</div>
                          	<div style="text-align:center;">
                          		<img alt="" src="/images/user/advantage/appms2.jpg"><br/>
                          		<h3>百顺通MC云办公APP操作界面</h3>
                          	</div><br> -->
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;App store事实上就是一个商业平台、是一个服务发布的渠道平台、是一个供全世界有想法的程序员和公司自由地卖出他们自己的产品的平台，这是基于苹果的SDK开发的应用程序，由于在App store模式之中不存在复杂的商业关系和产权纠纷，并且还能够为第三方软件的提供者提供诱人的销售分成比例，因此吸引了无数的第三方软件的提供者参与其中，正所谓“以利诱之”。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;App store大大降低了人们进入手机软件这个领域的门槛，App store模式的意义在于为第三方软件的提供者提供了方便而又高效的一个软件销售平台，使得第三方软件的提供者参与其中的积极性空前高涨，适应了手机用户们对个性化软件的需求，从而使得手机软件业开始进入了一个高速、良性发展的轨道。APP模式业务流程图如下所示：</span><br />
							<div style="text-align:center;">
								<span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;">&nbsp;</span><span style="font-family:'Microsoft YaHei';font-size:14px;line-height:1.5;"><img src="/images/user/advantage/appms3.jpg" alt="" /></span>
							</div>
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;App Store内置于iPhone手机中，提供便捷的服务，使用APP应用有如下特点：</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">1、直面终端客户</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; 下载APP应用用户即自己的终端目标客户，产品服务信息直触实实在在的目标消费群体。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">2、消息推送</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;消息推送与设备相关而非用户相关，不再要求APP应用用户必须在线</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">3、对网络依赖降低。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;APP应用的离线模式，适应了用户在路上或者无网络连接时的情况，依旧可以对APP应用进行访问浏览。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">4、成本低，浏览速度更快</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;APP应用的运行模式决定了比网站的浏览方式更快捷，它不需要浏览器去解析CSS以及HTML和Javascript，只需要单纯地补偿UI元素和用户请求的小数据就能精确显示了。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">5、客户粘度高</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; 下载安装APP应用，因此加强了终端客户对APP应用的粘度，从而加强客户对提供的产品服务的粘度更高。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">6、创意无限</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; 有限的空间，创意成为APP应用的最大亮点，可以模拟客户的收索模式设置APP应用名称和介绍</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">7、平台架构明确</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; 首页的重点推荐最新应用吸引用户使用消费，分类货架的分类细致导航明晰，便捷的搜索能精准直达搜索页面。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">8、建立自有销售平台</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; 利用网站、微博、微信在移动客户端登录的特点，打通社会化营销渠道，提高品牌宣传的渗透度。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">9、增强数据互通，构建通讯供应链</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp;&nbsp;APP登录访问可实现各系统的数据互通，完善通讯供应链。登录后，可通过二维码应用，实现从线下到线上的无缝连接。</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">10、有效的屏幕展示</span><br />
							<span style="font-size:14px;font-family:'Microsoft YaHei';line-height:1.5;">&nbsp; &nbsp; &nbsp;由于设计者必须适应4英寸移动屏幕或者10英寸的平板屏幕，在有限的空间内显示最重要的信息，没有余力再去增加一大堆无关的音乐或者浮夸的奢华设计，所以屏幕显示的信息都是主要的产品、购物信息。</span>
						</div>
              	      </div>
              	    </div>
              	  </div>
            <!--登录模式tab切换结束-->
      	</div>
    	<!---------------------------------右侧结束------------------------------------>
        <div class="cl"></div>
  	</div>
  	<!---------------------------------内容部分结束------------------------------------>
  	<!---------------------------------footer------------------------------------>
  	<jsp:include page="../common/footer.jsp"/>
  	<!---------------------------------footer结束------------------------------------>  
</div>
<!--页面内容结束-->

</body>
</html>
